<script lang="ts" setup name="GrandChild">
    // 通过updateB来实现“孙传祖”
    defineProps(['b', 'c', 'd', 'x', 'y', 'updateB']);
</script>

<template>
    <div class="grandchild">
        <h2>孙子组件</h2>
        <div>b: {{ b }}</div>
        <div>c: {{ c }}</div>
        <div>d: {{ d }}</div>
        <div>x: {{ x }}</div>
        <div>y: {{ y }}</div>
        <button @click="updateB(1)">点我将更新爷爷的b值</button>
    </div>
</template>

<style scoped>
    .grandchild {
        background-color: blueviolet;
        border-radius: 10px;
        padding: 5px 10px;
    }
</style>